<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/img/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App" />
    <el-button data-theme="light" class="el-btn-my-class">el-button</el-button>
    <div>{{ $t('common.title') }}</div>
    <svg-icon :icon-class="'403'" style="font-size: 50px;" class="svg-icon"></svg-icon>
  </div>
</template>

<style scoped lang="scss">
.el-btn-my-class {
    background-color: var(--main-color);
}
</style>
<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
import { ElButton } from 'element-plus'
export default {
  name: 'HomeView',
  components: {
    HelloWorld,
    ElButton
  }
}
</script>
